<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file="common/head.jsp"%>
<!--banner-->
<div class="banner">
    <div class="am-g am-container">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">
                  <c:set var="c" value="0"></c:set>
                 <c:forEach items="${Recommendimg}" var="recommendimg2">
                  <c:set var="c" value="${c+1}"></c:set>
                    <li>
                        <a href="${pageContext.request.contextPath}/articleView?id=${recommendimg2.id}"><img src="${pageContext.request.contextPath }/static/rece/Temp-images/ab${c}.jpg" width="817px" height="419.55px"></a>
                        <div class="am-slider-desc"><a href="${pageContext.request.contextPath}/articleView?id=${recommendimg2.id}">${recommendimg2.title}</a></div>

                    </li>
                 </c:forEach> 
                </ul>
            </div>
        </div>
        <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none">
            <div class="star am-container"><span><img src="${pageContext.request.contextPath }/static/rece/images/star.png">热门</span></div>
            <ul class="padding-none am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }" >
               <c:set var="a" value="0"></c:set>
              <c:forEach items="${Recommendimg}" var="recommendimg">
               <c:set var="a" value="${a+1}"></c:set>
               <li>
                    <div class="am-gallery-item">
                        <a href="${pageContext.request.contextPath}/articleView?id=${recommendimg.id}">
                            <img src="${pageContext.request.contextPath }/static/rece/Temp-images/a${a}.jpg"   alt="${recommendimg.title}"/>
                            <h3 class="am-gallery-title"><a href="${pageContext.request.contextPath}/articleView?id=${recommendimg.id}">${recommendimg.title}</a></h3>
                            <div class="am-gallery-desc">2375-09-26</div>
                        </a>
                    </div>
                </li>
              
              
              
              </c:forEach>
            
               
              
            </ul>
        </div>
    </div>
</div>

<!--banner2-->
<div class="am-container">
    <ul class="padding-none banner2 am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-overlay" data-am-gallery="{ pureview: true }" >
       <c:set var="b" value="0"></c:set>
       <c:forEach items="${pageinfo.list }" var="article2">
        	<c:set var="b" value="${b+1}"></c:set>
	        <c:if test="${b<=4}">
	        	<li>
		            <div class="am-gallery-item">
		                <a href="${pageContext.request.contextPath}/articleView?id=${article2.id}">
		                    <img src="${pageContext.request.contextPath }/static/rece/Temp-images/c${b}.jpg"  alt="${article2.title}" />
		                    <h3 class="am-gallery-title"><a href="${pageContext.request.contextPath}/articleView?id=${article2.id}">${article2.title}</a></h3>
		                    <div class="am-gallery-desc">2375-09-26</div>
		                </a>
		            </div>
               </li>
	        
	        </c:if>
        
       </c:forEach> 
    </ul>
</div> 
<!--查询-->
  <div class="search">
           		<form method="post" action="${pageContext.request.contextPath}/articlelist">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>文章标题：</span>
					 <input name="title" class="input-text"	type="text" value="${title}">
					 <%-- <span>文章专题：</span>
					   <input name="thematicId" class="input-text"	type="text" value="${thematicId}"> --%>
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
				</form>
   </div>
    <!--news-->
   <div class="am-g am-container newatype">
      <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 oh">
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="border-bottom: 0px; margin-bottom: -10px">
            <h2 class="am-titlebar-title ">
                    文章展示
            </h2>
            <nav class="am-titlebar-nav">
                <a href="#more">more &raquo;</a>
            </nav>
        </div>

        <div data-am-widget="list_news" class="am-list-news am-list-news-default news">
            <div class="am-list-news-bd">
                <ul class="am-list">
                <c:forEach items="${pageinfo.list }" var="article3">
                   <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
                      

                        <div class=" am-u-sm-7 am-list-main">
                            <h3 class="am-list-item-hd"><a href="${pageContext.request.contextPath}/articleView?id=${article3.id}"> ${article3.title} </a></h3>
                            <div class="am-list-item-text">
                               ${article3.content} 
                            </div>
                        </div>

                    </li>
                    <div class="newsico am-fr">
                        <i class="am-icon-clock-o"><fmt:formatDate value="${article3.creattime}" pattern="yyyy-MM-dd" type="date"/></i>
                        <i class="am-icon-hand-pointer-o">${article3.lik}</i>
                    </div>
                
                </c:forEach>
                    
       	 

                </ul>
            </div>
             <input type="hidden" id="totalPageCount" value="${pageinfo.pages}">
             <c:import url="rollpage.jsp">
	          	<c:param name="totalCount" value="${pageinfo.total}"/>
	          	<c:param name="currentPageNo" value="${pageinfo.pageNum}"/>
	          	<c:param name="totalPageCount" value="${pageinfo.pages}"/>
          	</c:import>
            <a href="#"><img src="${pageContext.request.contextPath}/static/rece/Temp-images/ad2.png" class="am-img-responsive" width="100%"/></a>

        </div>
    </div>
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
            <h2 class="am-titlebar-title ">
                专题展示
            </h2>
            <nav class="am-titlebar-nav">
                <a href="#more">more &raquo;</a>
            </nav>
        </div>
        <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
                <ul class="am-list"  >
                <c:forEach items="${thematiclist}" var="thematic">
                     <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                        <div class=" am-u-sm-8 am-list-main">
                            <h3 class="am-list-item-hd"><a href="${pageContext.request.contextPath}/articlelist?thematicid=${thematic.id}">${thematic.name}</a></h3>

                            <!-- <div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div> -->
                        </div>
                    </li>
                    <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
                </c:forEach>
                     <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                        <div class=" am-u-sm-8 am-list-main">
                            <h3 class="am-list-item-hd"><a href="${pageContext.request.contextPath }/Thematics">更多....</a></h3>

                            <!-- <div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div> -->
                        </div>
                    </li>
                  
                </ul>
        </div>

        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
            <h2 class="am-titlebar-title ">
                热门展示
            </h2>
            <nav class="am-titlebar-nav">
                <a href="#more">more &raquo;</a>
            </nav>
        </div>

        <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
            <ul class="am-list">
            <c:set var="n" value="0"></c:set>
            <c:forEach items="${Recommends}" var="recomment">
            <c:set var="n" value="${n+1 }"></c:set>
              <c:if test="${n<6 }"> 
                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                  
                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="${pageContext.request.contextPath}/articleView?id=${recomment.id}">${recomment.title}</a></h3>

                        <div class="am-list-item-text">${recomment.content}</div>
                    </div>
                </li>
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
              
              
              </c:if>
              <c:if test="${n==6 }">
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="${pageContext.request.contextPath}/articleView?id=${recomment.id}">${recomment.title}</a></h3>

                        <div class="am-list-item-text">${recomment.content}</div>
                    </div>
                </li>
               
               
              </c:if> 
            </c:forEach>
              
            </ul>
        </div>
      
    </div>
</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>
<%@include file="common/foot.jsp"%>